<template>
    <div id="pswlogin">
        <form @submit.prevent="submit">
            <div>
                <label class="fa fa-user"></label>
                <input type="text" placeholder="请输入账号" v-model="loginForm.account">
            </div>
        
            <div>
                <label class="fa fa-lock"></label>
                <input type="text" placeholder="请输入密码" v-model="loginForm.psw">
            </div>
            <div>
                <button>登录</button>
            </div>
        </form>
    </div>
</template>

<script>
import {mapState,mapActions,mapMutations} from 'vuex';
export default {
    methods:{
        ...mapActions({
            submit:"loginSubmit"
        }),
    },
    computed:{
        ...mapState({
            loginForm:state=>state.user.loginForm,
        }),
    }
}
</script>

<style scoped>
#pswlogin{
    width:100%;
    text-align: center;
    z-index:-10;
}
#pswlogin div{
    background-color: white;
}
label{
    font-size: 22px;
}
input{
    border: none;
    border-bottom: 1px solid #dddddd;
    width:90%;
    height: 50px;
}
button{
    width:90%;
    height: 40px;
    background-color: #cccccc;
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin-top: 20px;
}
</style>